<!DOCTYPE html>
<html>
<head>
	<title></title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0,viewport-fit=cover">
	<link rel="stylesheet" href="/static/css/bootstrap.min.css">
	<link rel="stylesheet" href="/static/css/ylb.css">
	<link rel="shortcut icon" href="/static/img/logo.png">
	<script type="text/javascript" src="/static/js/jquery.min.js"></script>
	<script type="text/javascript" src="/static/js/bootstrap.min.js"></script>
</head>
<body>

<div id="app">
	<!-- 该软件遵循MIT开源协议 -->
	<!--formBox-->
	<div class="formBox">
	    
	    <!--header-->
	    <div class="header-box">
	        <img src="/static/img/index_logo.png" />
	    </div>
	    <div class="line"></div>
	    <!--form-->
	    <div class="form-box">
	        <form onsubmit="return false" id="loginCheck">
    	        <label>管理员账号</label>
    	        <input type="text" class="form-control" autocomplete="off" placeholder="输入管理员账号" name="user_name" />
    	        <label>管理员密码</label>
    	        <input type="password" class="form-control" placeholder="输入管理员密码" name="user_pass" />
    	        <button class="form-control-login" onclick="loginCheck();">立即登录</button>
    	        <a href="/console/login/find.html" class="findPass">找回密码</a>
	        </form>
	    </div>
	    
	</div>
	<!--result-->
	<p class="loginresult"></p>

</div><!-- app -->


<script type="text/javascript">

function loginCheck(){
    
    // 验证账号
    $.ajax({
        type: "POST",
        url: "/console/login/loginCheck.php",
        data: $('#loginCheck').serialize(),
        success: function(res){
            
            // 成功
            if(res.code == 200){
                
                // 操作反馈（200状态码）
                showSuccessResult(res.msg)
                // 0.5秒后跳转到首页
                redirectPage('/console/index/',500);
                
            }else{

                // 操作反馈（非200状态码）
                showErrorResult(res.msg)
            }
        },
        error: function() {
            
            // 服务器发生错误
            showErrorResult('服务器发生错误！可按F12打开开发者工具点击Network或网络查看返回信息进行排查！')
        }
    });
}

// 打开操作反馈（操作成功）
function showSuccessResult(content){
    $('#app .loginresult').html('<div class="success">'+content+'</div>');
    $('#app .loginresult .success').css('display','block');
    setTimeout('hideResult()', 2500); // 2.5秒后自动关闭
}

// 打开操作反馈（操作失败）
function showErrorResult(content){
    $('#app .loginresult').html('<div class="error">'+content+'</div>');
    $('#app .loginresult .error').css('display','block');
    setTimeout('hideResult()', 2500); // 2.5秒后自动关闭
}

// 关闭操作反馈
function hideResult(){
    $("#app .loginresult .success").css("display","none");
    $("#app .loginresult .error").css("display","none");
    $("#app .loginresult .success").text('');
    $("#app .loginresult .error").text('');
}

// 跳转到指定路径
function redirectPage(pagePath,timeout){
    setTimeout('location.href="'+pagePath+'"', timeout);
}

</script>


</body>
</html>